<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page isELIgnored="false" %>
<html>
<head>

	<title>Login page</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link href="static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="static/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
	<link href="static/css/bootstrap-social.css" rel="stylesheet" type="text/css">
	<link href="static/css/templatemo_style.css" rel="stylesheet" type="text/css">
</head>
<body class="templatemo-bg-image-1">
<div class="container">

	<div class="col-md-12">

		<form class="form-horizontal templatemo-login-form-2" action="${loginUrl}" method="post">
			<div class="row">
				<div class="col-md-12">
					<%--<c:if test="${param.error != null}">
						<h1>有错误，请重试</h1>
					</c:if>
					<c:if test="${param.logout != null}">
						<h1  class="bg-danger">已注销</h1>
					</c:if>
					<c:if test="${param.logout == null} && ${param.error == null}">
						<h1  class="bg-danger">请登录</h1>
					</c:if>--%>
					<c:choose>
						<c:when test="${param.error != null}"><h1>有错误，请重试</h1></c:when>
						<c:when test="${param.logout != null}"><h1>已注销</h1></c:when>
						<c:otherwise><h1 >请登录</h1></c:otherwise>
					</c:choose>
				</div>
			</div>
			<div class="row">
				<div class="templatemo-one-signin col-md-6">
					<div class="form-group">
						<div class="col-md-12">
							<label for="username" class="control-label">Username</label>
							<div class="templatemo-input-icon-container">
								<i class="fa fa-user"></i>
								<%--<input type="text" class="form-control" id="username" placeholder="">--%>
								<input type="text" class="form-control" id="username" name="ssoId" placeholder="Enter Username" required>
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-12">
							<label for="password" class="control-label">Password</label>
							<div class="templatemo-input-icon-container">
								<i class="fa fa-lock"></i>
								<%--<input type="password" class="form-control" id="password" placeholder="">--%>
								<input type="password" class="form-control" id="password" name="password" placeholder="Enter Password" required>
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-12">
							<div class="checkbox">
								<label>
									<%--<input type="checkbox"> Remember me--%>
									<label><input type="checkbox" id="rememberme" name="remember-me"> Remember Me</label>
								</label>
							</div>
						</div>
					</div>
					<input type="hidden" name="${_csrf.parameterName}"   value="${_csrf.token}" />
					<div class="form-group">
						<div class="col-md-12">
							<input type="submit" value="LOG IN" class="btn btn-warning">

						</div>
					</div>
					<div class="form-group">
						<div class="col-md-12">
							<a href="forgot-password.html" class="text-center">Cannot login?</a>
						</div>
					</div>
				</div>
				<div class="templatemo-other-signin col-md-6">
					<label class="margin-bottom-15">
						One-click sign in using other services. Credit goes to <a rel="nofollow" href="http://lipis.github.io/bootstrap-social/">Bootstrap Social</a> for social sign in buttons.
					</label>
					<a class="btn btn-block btn-social btn-facebook margin-bottom-15">
						<i class="fa fa-facebook"></i> Sign in with Facebook
					</a>
					<a class="btn btn-block btn-social btn-twitter margin-bottom-15">
						<i class="fa fa-twitter"></i> Sign in with Twitter
					</a>
					<a class="btn btn-block btn-social btn-google-plus">
						<i class="fa fa-google-plus"></i> Sign in with Google
					</a>
				</div>
			</div>
		</form>
	</div>
</div>
</body>


</html>